<template>
  <div class="hl-account">
    <div class="hl-account-bg">
      <div class="hl-account-logo">智慧餐厅</div>
    </div>
    <div class="hl-account-form">
      <router-view />
    </div>
  </div>
</template>
<style lang="less" scoped>
.hl-account {
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
  &-bg {
    position: relative;
    height: 240px;
    width: 180%;
    left: -40%;
    border-radius: 0 0 50% 50%;
    background: linear-gradient(#23a5f9, #0278e9);
  }
  &-logo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 32px;
  }
  &-form {
    margin-top: 24px;
  }
}
</style>
